<!DOCTYPE HTML>
<html lang="pt-BR"
	xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets">
	<head>
		<meta charset="UTF-8" />
		<title>Áxil Empresarial</title>
		<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />

		<link rel="icon" type="image/ico" href="favicon.ico" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/bootstrap/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/img/icsw2_16/icsw2_16.css" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/img/splashy/splashy.css" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/img/flags/flags.css" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/js/lib/powertip/jquery.powertip.css" />
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Abel" />
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/js/lib/colorbox/colorbox.css" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/js/lib/fullcalendar/fullcalendar_beoro.css" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/js/lib/sticky/sticky.css"/>
		<link rel="stylesheet" href="#{request.contextPath}/resources/css/beoro.css" />
		<ui:insert name="css"></ui:insert>

		<!--[if lte IE 8]><link rel="stylesheet" href="#{request.contextPath}/resources/css/ie8.css" /><![endif]-->
		<!--[if IE 9]><link rel="stylesheet" href="#{request.contextPath}/resources/css/ie9.css" /><![endif]-->
		<!--[if lt IE 9]>
			<script src="#{request.contextPath}/resources/js/ie/html5shiv.min.js"></script>
			<script src="#{request.contextPath}/resources/js/ie/respond.min.js"></script>
			<script src="#{request.contextPath}/resources/js/lib/flot-charts/excanvas.min.js"></script>
		<![endif]-->
	</head>

	<body class="bg_d">
		<div class="main-wrapper">
			<div class="navbar navbar-fixed-top">
				<div class="navbar-inner">
					<div class="container">
						<div class="pull-right top-search">
							<form action="" >
								<input type="text" name="q" id="q-main" />
								<button class="btn"><i class="icon-search"></i></button>
							</form>
						</div>
						<div id="fade-menu" class="pull-left">
							<ul class="clearfix" id="mobile-nav">
								<li>
									<a href="#{request.contextPath}">Visão Geral</a>
								</li>
								<li>
									<a href="javascript:void(0)">Vendas</a>
									<ul>
										<li>
											<a href="#">Produtos</a>
											<ul>
												<li><a href="#">Propostas Comerciais</a></li>
												<li><a href="#">Pedido de Vendas</a></li>
												<li><a href="#">Vendas de Produtos</a></li>
												<li><a href="#">Emitir NF-e</a></li>
												<li><a href="listaDeProdutos.jsf">Produtos</a></li>
											</ul>
										</li>
										<li>
											<a href="#">Serviços</a>
											<ul>
												<li><a href="#">Propostas Comerciais</a></li>
												<li><a href="#">Vendas de Serviços</a></li>
												<li><a href="#">Emitir NFS-e</a></li>
												<li><a href="#">Contratos de Vendas</a></li>
												<li><a href="listaDeServicos.jsf">Serviços</a></li>
											</ul>
										</li>
										<li>
											<a href="#">Cadastros</a>
											<ul>
												<li><a href="listaDeClientes.jsf">Clientes</a></li>
												<li><a href="listaDeProdutos.jsf">Produtos</a></li>
												<li><a href="listaDeServicos.jsf">Serviços</a></li>
												<li><a href="listaDeVendedores.jsf">Vendedores</a></li>
												<li><a href="#">Lista de Preços</a></li>
												<li><a href="#">Comissão de Vendedores</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:void(0)">Estoque</a>
									<ul>
										<li>
											<a href="#">Compras</a>
											<ul>
												<li><a href="#">Pedido de Compras</a></li>
												<li><a href="#">Compras</a></li>
												<li><a href="#">Emitir NF-e de Entrada</a></li>
												<li><a href="listaDeProdutos.jsf">Produtos</a></li>
											</ul>
										</li>
										<li>
											<a href="#">Cadastros</a>
											<ul>
												<li><a href="listaDeProdutos.jsf">Produtos</a></li>
												<li><a href="#">Fornecedores</a></li>
												<li><a href="#">Transportadora</a></li>
												<li><a href="#">Estoque</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:void(0)">Financeiro</a>
									<ul>
										<li>
											<a href="#">Movimentação</a>
											<ul>
												<li><a href="#">Extrato</a></li>
												<li><a href="#">Contas a Pagar</a></li>
												<li><a href="#">Contas a Receber</a></li>
												<li><a href="#">Fluxo de Caixa</a></li>
												<li><a href="#">Conciliação</a></li>
											</ul>
										</li>
										<li>
											<a href="#">Organizar</a>
											<ul>
												<li><a href="#">Contas Bancárias</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:void(0)">Relatórios</a>
									<ul>
										<li>
											<a href="#">Financeiro</a>
											<ul>
												<li><a href="#">Demonstrativo</a></li>
												<li><a href="#">Análise de Despesas</a></li>
												<li><a href="#">Análise Centro de Custos</a></li>
												<li><a href="#">Lançamentos Financeiros</a></li>
											</ul>
										</li>
										<li>
											<a href="#">Vendas</a>
											<ul>
												<li><a href="#">Faturamento por Cliente</a></li>
												<li><a href="#">Produtos Mais Vendidos</a></li>
												<li><a href="#">Vendas por Vendedor</a></li>
												<li><a href="#">Vendas por Cliente</a></li>
												<li><a href="#">Clientes por Vendedor</a></li>
												<li><a href="#">Clientes</a></li>
											</ul>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<!-- header -->
			<header>
				<div class="container">
					<div class="row">
						<div class="span3">
							<div class="main-logo"><a href="#{request.contextPath}"><img src="#{request.contextPath}/resources/img/beoro_logo.png" alt="Beoro Admin" /></a></div>
						</div>
					<div class="span5">
						<nav class="nav-icons">
							<ul>
								<li><a href="javascript:void(0)" class="ptip_s" title="Dashboard"><i class="icsw16-home"></i></a></li>
								<li><a href="cliente.jsf" class="ptip_s" title="Novo Cliente"><i class="icsw16-user-2"></i></a></li>
								<li><a href="produto.jsf" class="ptip_s" title="Novo Produto"><i class="icsw16-shopping-cart-4"></i></a></li>
								<li><a href="javascript:void(0)" class="ptip_s" title="Content"><i class="icsw16-create-write"></i></a></li>
								<li><a href="javascript:void(0)" class="ptip_s" title="Mailbox"><i class="icsw16-mail"></i><span class="badge badge-info">6</span></a></li>
								<li><a href="javascript:void(0)" class="ptip_s" title="Comments"><i class="icsw16-speech-bubbles"></i><span class="badge badge-important">14</span></a></li>
								<li class="active"><span class="ptip_s" title="Statistics (active)"><i class="icsw16-graph"></i></span></li>
								<li><a href="javascript:void(0)" class="ptip_s" title="Settings"><i class="icsw16-cog"></i></a></li>
							</ul>
						</nav>
					</div>
					<div class="span4">
						<div class="user-box">
							<div class="user-box-inner">
								<img src="#{request.contextPath}/resources/img/avatars/avatar.png" alt="" class="user-avatar img-avatar" />
								<div class="user-info">
									Bem-vindo, <strong>Daniel</strong>
									<ul class="unstyled">
										<li><a href="user_profile.html">Configurações</a></li>
										<li>|</li>
										<li><a href="login.html">Sair</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>

		<!-- breadcrumbs -->
		<div class="container">
			<ul id="breadcrumbs">
				<li><a href="#{request.contextPath}"><i class="icon-home"></i></a></li>
				<ui:insert name="breadcrumb"></ui:insert>
			</ul>
		</div>

		<!-- main content -->
		<div class="container">
			<span id="mensagens" style="display: none">
				<h:messages />
			</span>
			<ui:insert name="conteudo">
				[O conteúdo do template vai aqui.]
			</ui:insert>
		</div>
		<div class="footer_space"></div>
	</div>

	<!-- footer --> 
	<footer>
		<div class="container">
			<div class="row">
				<div class="span5">
					<div>Áxil Empresarial</div>
				</div>
				<div class="span7">
					<ul class="unstyled">
						<li><a href="#">First link</a></li>
						<li>|</li>
						<li><a href="#">Second link</a></li>
					</ul>
				</div>
			</div>
		</div>
	</footer>

	<script src="#{request.contextPath}/resources/js/jquery.min.js"></script>
	<script src="#{request.contextPath}/resources/bootstrap/js/bootstrap.min.js"></script>
	<script src="#{request.contextPath}/resources/js/jquery.fademenu.js"></script>
	<script src="#{request.contextPath}/resources/js/selectnav.min.js"></script>
	<script src="#{request.contextPath}/resources/js/jquery.actual.min.js"></script>
	<script src="#{request.contextPath}/resources/js/jquery.easing.1.3.min.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/powertip/jquery.powertip-1.1.0.min.js"></script>
	<script src="#{request.contextPath}/resources/js/moment.min.js"></script>
	<script src="#{request.contextPath}/resources/js/beoro_common.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/jquery-ui/jquery-ui-1.9.2.custom.min.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/jquery-ui/jquery.ui.touch-punch.min.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/colorbox/jquery.colorbox.min.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/fullcalendar/fullcalendar.min.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/flot-charts/jquery.flot.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/flot-charts/jquery.flot.resize.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/flot-charts/jquery.flot.pie.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/flot-charts/jquery.flot.orderBars.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/flot-charts/jquery.flot.tooltip.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/flot-charts/jquery.flot.time.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/carousel/plugin.min.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/wookmark/jquery.imagesloaded.min.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/wookmark/jquery.wookmark.min.js"></script>
	<script src="#{request.contextPath}/resources/js/lib/sticky/sticky.min.js"></script>
	<script src="#{request.contextPath}/resources/js/pages/beoro_dashboard.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			if($.trim($('#mensagens').html()).length > 0)
				$.sticky($('#mensagens').html(), {position: "top-center", type: "st-success" });
		});
	</script>
	<ui:insert name="js"></ui:insert>
</body>
</html>